<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="description" content=" ">
  <meta name="author" content=" ">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Foodtruck - Tacos : Single Blog</title>

  <link rel="stylesheet" type="text/css" href="./assets/js/customscroll/jquery.mCustomScrollbar.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/flexslider/css/flexslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/prettyPhoto/css/prettyPhoto.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/bxslider/jquery.bxslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/font-awesome.css">

  <link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
  <link rel="stylesheet" type="text/css" href="./assets/flavours/tacos/css/tacos.css">

  <!-- modernizr : detect css transition -->
  <script src="./assets/js/modernizr.custom.81779.js"></script>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="./assets/bootstrap/js/html5shiv.js"></script>
  <script src="./assets/bootstrap/js/respond.min.js"></script>
  <![endif]-->


</head>
<body>


<nav class="navbar navbar-default" role="navigation">
  <div class="inner">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle btn btn-primary" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <div class="text-center">
          <p class="address">
            Tacos Locos - Atlantic Avenue 1234, New York, +66 87 65 43 21
          </p>
        </div>

        <a class="small-brand" href="/" data-width="252" data-top="58"><img src="./assets/flavours/tacos/images/content/logo-small.png" alt=" "></a>

        <a href="tel:66-87-65-43-21" class="phoneIcon" style="display:none">+66 87 65 43 21</a>
        <a href="http://goo.gl/maps/IUzKJ" class="locationIcon" target="_blank" style="display:none;">http://goo.gl/maps/IUzKJ</a>
        <ul class="smallSocials">
          <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/smallsocial-rss.png" alt="RSS"></a></li>
        </ul>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav text-center" data-type="margin-top" data-pos="138">
          <li><a href="index.html">Home</a></li>
          <li><a href="8_menucard.html">Menu card</a></li>
          <li><a href="9_events.html">Events</a></li>
          <li><a href="10_story.html">Story</a></li>
          <li><a href="11_gallery.html">Gallery</a></li>
          <li class="dropdown">
            <a href="1_shortcodes_boxes.html" class="dropdown-toggle">Shortcodes</a>
            <ul class="dropdown-menu">
              <li><a href="1_shortcodes_boxes.html">Boxes</a></li>
              <li><a href="2_shortcodes_toggleable.html">Toggleable</a></li>
              <li><a href="3_shortcodes_contact.html">Contact</a></li>
              <li><a href="4_buttons_typography.html">Typography</a></li>
              <li><a href="5_shortcodes_elements.html">Elements</a></li>
              <li><a href="6_images_sliders.html">Sliders</a></li>
            </ul>
          </li>
          <li class="active"><a href="7_blog.html">Blog</a></li>
          <li><a href="12_contact.html">Contact</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- / container -->

    <div class="btm"></div>
  </div>
</nav>


<div class="bg-1 section">
  <div class="inner" data-image="./assets/flavours/tacos/images/content/background-1.jpg">
<div class="container">
<div class="blog-list">
<div class="row">
<div class="col-md-8 blog-main">
  <div class="inner">
    <div class="blog-post">
      <h3 class="blog_title">We got a new Truck!</h3>

      <div class="blog_thumbnail">
        <img src="./assets/flavours/tacos/images/content/post1.jpg" alt=" ">
                    <span class="ribbon_details">
                      <span class="ribbon_details_date">Nov <br>15</span>
                      <span class="ribbon_details_comments">12 <i class="fa fa-comments"></i></span>
                    </span>
      </div>
      <div class="meta_box">
        <span class="meta_date">November 15, 2013</span>
        <span class="meta_comments"><a href="#"><em>12</em> <span>Comments</span></a></span>
        <span class="meta_author"><a href="#">by John Doe</a></span>
      </div>
      <p>
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas
        semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
      </p>

      <p>
        Consectetur adipiscing elit. Quisque scelerisque libero id vehicula ultricies. Mauris eget eros eget nisi accumsan molestie et et lectus. Aliquam in augue odio. Praesent vestibulum nulla sapien, quis fermentum
        felis vulputate sit amet. Praesent sit amet turpis id libero tincidunt imperdiet. Morbi ut ultrices neque. In quis metus ligula. Aenean elementum gravida nisl nec ullamcorper. Cras dignissim orci vehicula, dictum
        purus in, suscipit augue. Nulla ut massa nisi. Duis eu ornare sapien. Ut sed neque rhoncus, ornare erat vestibulum, ultricies ligula. Integer ut sapien semper, vehicula nisi et, faucibus orci. Vivamus sit amet
        egestas velit, quis hendrerit est.
      </p>
      <blockquote class="type2">
        <p>
          Pellentesque purus lectus, iaculis id ultricies laoreet, auctor quis lacus. Vivamus feugiat cursus suscipit. Phasellus semper auctor hendrerit. In malesuada vehicula sem id ultrices. Nunc ut lorem malesuada
          vulputate. Nulla vel nisl velit, et rutrum magna. Aliquam eu mauris nisi, sit amet rutrum nulla.
        </p>
        <span class="author">- Floyd Rose CEO, Burger Lover-</span>
      </blockquote>
      <p>
        Integer accumsan pellentesque augue, sit amet commodo ipsum accumsan sed. Nulla scelerisque ipsum ut nisi dictum, sit amet viverra quam suscipit. Quisque vel odio ut eros ornare blandit. Maecenas sed consequat
        sem, a mollis magna. Nulla hendrerit nibh lobortis, tincidunt risus sit amet, facilisis enim. Integer mattis diam posuere tortor varius, at imperdiet felis dapibus. Pellentesque varius velit vel mauris blandit
        suscipit. Suspendisse aliquam odio libero, ut dapibus leo varius et. Ut dapibus facilisis ipsum, a convallis est lacinia nec. Pellentesque volutpat neque ac vehicula malesuada. Etiam vestibulum tincidunt erat et
        viverra. Sed quis diam augue.
      </p>
      <h5>Lorem ipsum dolor sit amet</h5>

      <p>
        Vestibulum ut iaculis metus. Vivamus hendrerit neque faucibus, ultrices enim ut, cursus mi. Sed erat ante, congue sit amet tincidunt nec, vestibulum id augue. Vestibulum dignissim urna eu arcu tincidunt
        vulputate. Ut dolor nunc, pulvinar eu pharetra non, mollis vitae eros. Vivamus non neque vitae orci vulputate rhoncus sed in est. In accumsan auctor imperdiet. Aliquam venenatis rhoncus felis ac volutpat. Nunc
        feugiat lobortis magna a consequat.
      </p>

      <p>
        Vivamus vehicula, sem vitae consequat suscipit, <span class="highlight type3" data-toggle="tooltip" data-placement="top" title="This is tooltip description">nunc augue laoreet nulla</span>, sed vehicula dui
        sapien in sem. Nullam non facilisis diam. Aliquam sed velit in erat venenatis malesuada at non augue. Duis dapibus nisl vel ultricies rutrum. Integer sit amet pretium elit, eu lacinia metus.
        <span class="highlight type2" data-toggle="tooltip" data-placement="top" title="This is tooltip description">Vestibulum aliquet</span> eu justo vitae semper. In dapibus tempus lorem, quis accumsan dui. Ut
        lobortis orci in velit vulputate, at dictum dolor scelerisque. <span class="highlight type1" data-toggle="tooltip" data-placement="top" title="This is tooltip description">Duis id velit est</span>. Integer non
        arcu vitae leo elementum lacinia. Integer id quam eu felis faucibus rhoncus. Donec euismod porttitor nibh sit amet tempor. Donec at sem rutrum, euismod metus quis, ultrices sem.
      </p>
      <ul class="list-icons list-unstyled">
        <li><i class="fa fa-circle"></i>Pellentesque purus lectus, iaculis id</li>
        <li><i class="fa fa-circle"></i>Ultricies laoreet, auctor quis lacus.</li>
        <li><i class="fa fa-circle"></i>Vivamus feugiat cursus suscipit.</li>
      </ul>
      <p>
        Nulla at gravida nisi, et blandit tortor. Suspendisse lorem mauris, auctor at egestas viverra, consectetur non elit. Praesent ut orci faucibus, dictum arcu et, gravida urna. Fusce feugiat ullamcorper varius.
        Aliquam bibendum nibh eget diam feugiat ullamcorper. Cras lacinia sed libero sit amet dictum. Etiam justo mi, commodo fringilla tortor id, facilisis vehicula lorem. Duis hendrerit dolor vel luctus ultrices.
      </p>

      <div class="space50px"></div>
      <h4>Comments</h4>

      <ul class="commentList list-unstyled">
        <li>
          <div class="oneComment">
            <div class="media">
              <a class="pull-left roundedImg" href="#">
                <img class="media-object" src="./assets/flavours/tacos/images/content/testimonial-1.jpg" alt=" ">
              </a>
              <div class="media-body">
                Maria Jessica Turner<br>
                March 25, 2013 at 1:38 pm
                <a href="#" class="comment-reply-link pull-right">Reply</a>
              </div>
            </div>
            <p>
              Donec tincidunt interdum arcu, ut volutpat urna tincidunt quis. Proin varius leo ut quam egestas rutrum. Donec faucibus mattis porta. Cras quis eros sit amet dui congue vehicula. Vivamus sit amet lacus
              lorem, eget congue orci. Donec at tellus eget mauris cursus interdum.
            </p>
          </div>
          <!-- / oneComment -->
          <ol class="children">

            <li>
              <div class="oneComment">
                <div class="media">
                  <a class="pull-left roundedImg" href="#">
                    <img class="media-object" src="./assets/flavours/tacos/images/content/testimonial-1.jpg" alt=" ">
                  </a>
                  <div class="media-body">
                    Maria Jessica Turner<br>
                    March 25, 2013 at 1:38 pm
                    <a href="#" class="comment-reply-link pull-right">Reply</a>
                  </div>
                </div>
                <p>
                  Donec tincidunt interdum arcu, ut volutpat urna tincidunt quis. Proin varius leo ut quam egestas rutrum. Donec faucibus mattis porta. Cras quis eros sit amet dui congue vehicula. Vivamus sit amet lacus
                  lorem, eget congue orci. Donec at tellus eget mauris cursus interdum.
                </p>
              </div>
              <!-- / oneComment -->
              <ol class="children">

                <li>
                  <div class="oneComment">
                    <div class="media">
                      <a class="pull-left roundedImg" href="#">
                        <img class="media-object" src="./assets/flavours/tacos/images/content/testimonial-1.jpg" alt=" ">
                      </a>
                      <div class="media-body">
                        Maria Jessica Turner<br>
                        March 25, 2013 at 1:38 pm
                        <a href="#" class="comment-reply-link pull-right">Reply</a>
                      </div>
                    </div>
                    <p>
                      Donec tincidunt interdum arcu, ut volutpat urna tincidunt quis. Proin varius leo ut quam egestas rutrum. Donec faucibus mattis porta. Cras quis eros sit amet dui congue vehicula. Vivamus sit amet lacus
                      lorem, eget congue orci. Donec at tellus eget mauris cursus interdum.
                    </p>
                  </div>
                </li>
              </ol>
            </li>
          </ol>
        </li>
        <li>
          <div class="oneComment">
            <div class="media">
              <a class="pull-left roundedImg" href="#">
                <img class="media-object" src="./assets/flavours/tacos/images/content/testimonial-1.jpg" alt=" ">
              </a>
              <div class="media-body">
                Maria Jessica Turner<br>
                March 25, 2013 at 1:38 pm
                <a href="#" class="comment-reply-link pull-right">Reply</a>
              </div>
            </div>
            <p>
              Donec tincidunt interdum arcu, ut volutpat urna tincidunt quis. Proin varius leo ut quam egestas rutrum. Donec faucibus mattis porta. Cras quis eros sit amet dui congue vehicula. Vivamus sit amet lacus
              lorem, eget congue orci. Donec at tellus eget mauris cursus interdum.
            </p>
          </div>
        </li>
      </ul>

      <div class="space50px"></div>
      <h4>Leave a comment</h4>

      <form class="simpleForm" action="form/form.php" method="post">
        <fieldset>
          <div class="form-group">
            <label class="label-sm">Your name</label>
            <input type="text" class="form-control input-sm" name="field_[]" placeholder="enter your name">
          </div>
          <div class="form-group">
            <label class="label-sm">Your email</label>
            <input type="email" required class="form-control input-sm" name="email" placeholder="enter your e-mail address">
          </div>
          <div class="form-group">
            <label class="label-sm">Your message</label>
            <textarea class="form-control input-sm" rows="5" name="field_[]" placeholder="type your message"></textarea>
          </div>
          <input class="btn btn-default" type="submit" value="Submit">
        </fieldset>
      </form>


    </div>


  </div>
  <!-- / inner -->
</div>
<div class="col-md-4 blog-sidebar">
  <div class="widget widget_categories">
    <h3>Blog Categories</h3>
    <ul>
      <li class="active"><a href="#">All</a></li>
      <li><a href="#">Food</a></li>
      <li><a href="#">Beverages</a></li>
      <li><a href="#">Experiments</a></li>
      <li><a href="#">Events</a></li>
      <li><a href="#">Internal</a></li>
      <li><a href="#">The rest</a></li>
    </ul>
  </div>

  <div class="widget">
    <h3>Tab Styles</h3>

    <!-- Nav tabs -->
    <ul class="nav nav-tabs nav-justified">
      <li class="active"><a href="#tab1" data-toggle="tab">Popular</a></li>
      <li><a href="#tab2" data-toggle="tab">Latest</a></li>
      <li><a href="#tab3" data-toggle="tab">Random</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
      <div class="tab-pane active fade in" id="tab1">
        <ul>
          <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
          <li><a href="#">Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</a></li>
          <li><a href="#">Vestibulum tortor quam, feugiat vitae, ultricies eget.</a></li>
          <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
        </ul>

      </div>
      <div class="tab-pane fade" id="tab2">
        <ul>
          <li><a href="#">Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</a></li>
          <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
          <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
          <li><a href="#">Vestibulum tortor quam, feugiat vitae, ultricies eget.</a></li>
        </ul>

      </div>
      <div class="tab-pane fade" id="tab3">
        <ul>
          <li><a href="#">Quisque sit amet est et sapien ullamcorper pharetra.</a></li>
          <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
          <li><a href="#">Vestibulum tortor quam, feugiat vitae, ultricies eget.</a></li>
          <li><a href="#">Pellentesque habitant morbi tristique senectus et. Mauris placerat eleifend leo.</a></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="widget">
    <h3>Twitter Widget</h3>

    <div class="tweets">
      <ul class="tweet_list">
        <li>
                        <span class="tweet_text">
                          <a href="#">@BL</a> Were loaded with nice flavours <a href="#">http://d.g/4XHGZpGZ</a>
                        </span>
          <span class="tweet_time"><a href="#">about 2 minutes ago</a></span>
        </li>
        <li>
                        <span class="tweet_text">
                          <a href="#">@BL</a> Today we will be @ gordonspark <a href="#">http://g.g/3ZFBZpGK</a>
                        </span>
          <span class="tweet_time"><a href="#">about 6 hours ago</a></span>
        </li>
        <li>
                        <span class="tweet_text">
                          <a href="#">@BL.</a> Our Burger got nominated! Best Burger in Town <a href="#">http://g.ho/3HZD7pJK</a>
                        </span>
          <span class="tweet_time"><a href="#">about 7 hours ago</a></span>
        </li>
      </ul>
    </div>
    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-twitter"></i> follow us</a>
  </div>

</div>
</div>
</div>
<!-- / blog-list -->

</div>
</div>
</div>
<!-- / bg-2 -->



<footer>
  <div class="container">

    <div class="row">
      <div class="col-md-3">

        <h4>Contact</h4>

        <p>
          Atlantic Avenue 1234,<br><br>
          New York, NY<br><br>
          123 - 456 - 7891<br><br>
          <a href="mailto:hello@tacoslocos.com">hello@tacoslocos.com</a>
        </p>
        <hr>
        <h4>Hours</h4>

        <p>
          Monday - Friday<br>
          11:00 am - 11:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
        </p>

      </div>
      <div class="col-md-6">
        <img src="./assets/flavours/tacos/images/content/logo.png" alt=" ">

        <div class="googleMap" data-location="Marine Ave. New York, NY" data-text="We are here!"></div>

        <ul class="bigSocials">
          <li class="fb"><a href="#"><img src="./assets/images/social-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/social-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/social-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/social-rss.png" alt="RSS"></a></li>
        </ul>

        <p class="copyright">© Copyright 2014 <a href="#">TemplateRockers</a></p>


      </div>
      <div class="col-md-3">
        <h4>Latest Tweets</h4>

        <div class="tweets">
          <div style="display:none">here will be displayed live tweets, configuration is placed in /twitter/config.php</div>
        </div>
      </div>
    </div>

  </div>
  <a href="#" id="toTop"></a>
</footer>
<!-- / footer -->

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/bootstrap/js/bootstrap.min.js"></script>

<!-- we're including library : maps.googleapis.com/maps/api/js?sensor=false in main.js -->
<script src="./assets/js/gmap3.min.js"></script>

<script src="./assets/js/customscroll/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="./assets/js/flexslider/jquery.easing.1.3.min.js"></script>
<script src="./assets/js/flexslider/jquery.flexslider-min.js"></script>
<script src="./assets/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script src="./assets/js/bxslider/jquery.bxslider.min.js"></script>
<script src="./assets/twitter/js/jquery.tweet.js"></script>
<script src="./assets/js/jquery.hoverdir.js"></script><script src="./assets/js/jquery.arctext.js"></script>
<script src="./assets/js/jquery.placeholder.js"></script>
<script src="./assets/js/jquery.sticky.js"></script>

<script src="./assets/form/js/form.js"></script>
<script src="./assets/js/main.js"></script>

<script src="./assets/js/less.min.js"></script>



</body>

</html>